<!DOCTYPE html>
<html lang="en">
<head>
    <% include ./public/meta.html %>
    <!-- <link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> -->
    <title>甘孜</title>
</head>
<body>
    <header>
        <div class="header_box">
            <div class="header_img">
                <ul class="clearfix">
                    <!--视觉-->
                    <li><a href="/vision">
                        <img src="../images/local_icon1.png" alt="">
                        <span>视觉</span>
                    </a></li>
                    <!--天籁之音-->
                    <li><a href="/audio">
                        <img src="../images/local_icon2.png" alt="">
                        <span>天籁之音</span>
                    </a></li>
                    <!--民俗-->
                    <li><a href="/custom">
                        <img src="../images/local_icon3.png" alt="">
                        <span>民俗</span>
                    </a></li>
                    <!--吃住游-->
                    <li><a href="">
                        <img src="../images/local_icon4.png" alt="">
                        <span>吃住游</span>
                    </a></li>
                    <!--特色-->
                    <li><a href="">
                        <img src="../images/local_icon5.png" alt="">
                        <span>特色</span>
                    </a></li>
                </ul>
            </div>
            <!--大banner部分-->
            <% if(bigBanner && bigBanner.length > 0 ) {%>
            <div id="banner" data-banner="<%=JSON.stringify(bigBanner)%>">
               <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <% bigBanner.forEach((item,index) => {%>
                            <div class="swiper-slide"> 
                                <a href="<% if(item.Banner_Href){%><%=item.Banner_Href%><% }else{%>javascript:;<%}%>">
                                    <img src="<%=conf.pic+item.Banner_Img%>">
                                </a>
                                <div class="title"><%=item.Banner_Title%></div>
                            </div>
                        <% })%>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <% } %>
            <!--小banner-->
            <% if(smallgBanner && smallgBanner.length > 0 ) {%>
            <div class="little_banner" style="position: relative" data-total="<%=smallgBanner.length%>">
                <ul style="position: absolute;left:0;top:0;" class="clearfix">
                   <% smallgBanner.forEach((item,index) => { %>
                   <li>
                   <a alt="<%=item.Banner_Title%>" style="background-image: url(<%=conf.pic+item.Banner_Img%>)" href="<%if(item.Banner_Href) {%><%=item.Banner_Href%> <% } else {%>javascript:void(0) <% } %>">
                   </a>
                   </li>
                   <% }) %>
                </ul>
            </div>
            <% } %>
        </div>
    </header>
    <% if(news.length > 0) {%>
    <section>
        <!--新闻列表-->
        <ul id="j-product">
            <% news.forEach((item,index) => { %>
            <li data-id="<%=item.id%>" class="clearfix">
                <a href="/local/p<%=item.id%>">
                    <div class="news_left">
                    <% if(item.img) {%>
                        <img src="<%=item.img%>" alt="<%=item.category%>">
                    <% } else {%>
                        <img src="../images/img.png" alt="<%=item.category%>">
                    <% } %>
                    
                    </div>
                    <div class="news_right">
                        <p class="news_text line2"><%=item.title%></p>
                        <p class="new_img">
                            <span class="time_con"><img src="../images/time.png" alt=""><%=item.datetime%></span>
                            <span class="search_con" style="width:30%;"><img src="../images/search.png" alt=""><%=item.pvCount%></span>
                        </p>
                    </div>
                </a>
            </li>
            <% }) %>
        </ul>
        <% if(news.length == 10) {%>
        <p class="more see-more" data-page="1">加载更多</p>
        <% } %>
    </section>
    <% } %>

    <% include ./public/footer_js.html %>
   <script id="goods-list-temp" type="text/html">
    {{each list as item i}}
    <li data-id="{{item.id}}" class="clearfix">
        <a href="/local/p{{item.id}}">
            <div class="news_left">
            {{ if  item.img}}
                <img src="{{item.img}}" alt="{{item.category}}">
            {{else}}
                <img src="../images/img.png" alt="{{item.category}}">
            {{/if}}
            </div>
            <div class="news_right">
                <p class="news_text line2">{{item.title}}</p>
                <p class="new_img">
                    <span class="time_con"><img src="../images/time.png" alt="">{{item.datetime}}</span>
                    <span class="search_con" style="width:30%;"><img src="../images/search.png" alt="">{{item.pvCount}}</span>
                </p>
            </div>
        </a>
    </li>
  {{/each}}   
  </script>
</body>
</html>